.tooltip {
  @apply -z-tooltip -rounded -bg-[--tooltip-bg] -border-[--tooltip-color] -text-[--tooltip-text] -py-1 -px-2 -text-xs -max-w-md;
}
.tooltip:not(.white) > .arrow {
  @apply -border-0;
}
.tooltip.white > .arrow {
  border-color: inherit;
}
.tooltip-has-title {
  @apply -shadow-xl -px-3 -pt-2 -pb-3 -bg-opacity-80 -backdrop-blur;
}
.tooltip-has-title > .arrow {
  @apply -opacity-75;
}
.tooltip-heading {
  @apply -flex -items-center -gap-4 -justify-between -font-bold -text-base -p-1;
}
.tooltip-heading > .btn-close {
  @apply --mr-1;
}
.tooltip-content {
  @apply -p-1;
}
